<script lang="ts">
import { defineComponent, type PropType } from "vue";

export default defineComponent({
  props: {
    status: String as PropType<"more" | "loading" | "noMore">,
    safeAreaInsetBottom: Boolean,
  },
  setup() {
    return {
      contentText: {
        contentdown: "上拉显示更多",
        contentrefresh: "正在加载...",
        contentnomore: "我可是有底线滴～",
      },
    };
  },
});
</script>

<template>
  <view
    class="list-more"
    :style="{
      paddingBottom: safeAreaInsetBottom ? 'env(safe-area-inset-bottom)' : 0,
    }"
  >
    <uni-load-more :status="status" :content-text="contentText" />
  </view>
</template>

<style lang="scss">
.list-more {
  display: flex;
  flex-direction: column;
  height: 112rpx;
  padding-top: 24rpx;
}
</style>